import { View, Text } from 'react-native'
import React, { useState } from 'react'
import ZhTabsHeader from './ZhTabsHeader'
import ZhTabsBody from './ZhTabsBody'

export default function ZhTabs() {
  // 定义状态变量，控制当前显示哪一组标签页
  const [idx, setIdx] = useState(0)
  return (
    <View style={{flex: 1}}>
      {/* Tabs头部组件 */}
      {/* 将函数sexIdx传递给子组件 */}
      <ZhTabsHeader changeValue={setIdx} />
      {/* Tabs主体组件 */}
      <ZhTabsBody num={idx} />
    </View>
  )
}